* {
	margin: 0;
	padding: 0;
}

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

html, button, input, select, textarea { font-family: sans-serif; color: #222; }

body { 
	background: #292421;
}

#main {
	height: auto;
	width: 100%;
	margin: auto;
	margin-top: 36px;
	text-align: center;
}

.section {
	height:auto;
	width: 33%;
	display: inline-block;
	color: transparent;
   	text-shadow: 0 0 5px rgba(255,255,255, 0.3);
   	font-size: 24px;
	-khtml-opacity:.2; 
	-moz-opacity:.2; 
	-ms-filter:"alpha(opacity=20)";
	filter:alpha(opacity=20);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.2);
	opacity:.2;
}

.section:hover {
	box-shadow: 0 0 60px rgba(0,0,0,0.4); 
	background: white ;
	color: black;
   	text-shadow: 0px;
   	font-size: 24px;
	-khtml-opacity:1; 
	-moz-opacity:1; 
	-ms-filter:"alpha(opacity=100)";
	filter:alpha(opacity=100);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);
	opacity:1;
	z-index: 300;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.slideshow {
	margin: 50px auto; 
    position: relative; 
    width: 411px; 
    height: 180px; 
    padding: 10px; 
    box-shadow: 0 0 20px rgba(0,0,0,0.4); 
}

.slideshow > div { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
}

.slideshow img {
	width: 411px;
	height: 180px;
}

.dim {
	background: grey;
	-khtml-opacity:.50; 
	-moz-opacity:.50; 
	-ms-filter:"alpha(opacity=50)";
	filter:alpha(opacity=50);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.5);
	opacity:.50;
}

#footer {
	color: white;
	text-align:center;
	font-size: .5em;
}
